{% extends 'index.html' %}
{% block content %}
 <div class="breadcrumbs">
        <div class="breadcrumbs-inner">
            <div class="row m-0">
                <div class="col-sm-4">
                    <div class="page-header float-left">
                        <div class="page-title">
                            <h1>京乳时鲜 &emsp;&emsp;&emsp;</h1>
                        </div>
                    </div>
                </div>
                <div class="col-sm-8">
                    <div class="page-header float-right">
                        <div class="page-title">
                            <ol class="breadcrumb text-right">
                                <li><a href="{% url 'index' %}">主页</a></li>
                                <li class="active">车辆负责人信息</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h4>负责人信息查看</h4>
                    </div>
                    <div class="card-body">
                        <div class="tab-pane fade show active" id="pills-seg" role="tabpanel" aria-labelledby="pills-seg-tab">
                            <div class="card-header">负责人id：{{driver_d.driver_id}}</div>
                                <div class="card-body" style="display:inline-block">
                                    <div class="row">
                                    <div class="mx-auto d-block col-3">
                                        <img class="rounded-circle mx-auto d-block" src="/static/images/admin.jpg" alt="Card image cap">
                                        <br/><br/><br/><br/>
                                    </div>
                                    <div class="mx-auto d-block col-9">
                                        <table id="bootstrap-data-table" class="table table-striped table-bordered">
                                        <tbody>
                                        <tr>
                                            <td style="width: 10%;">姓名</td>
                                            <td>{{ driver_d.driver_name }}</td>
                                        </tr>
                                        <tr>
                                            <td>等级</td>
                                            <td>{{ driver_d.driver_level }}</td>
                                        </tr>
                                        <tr>
                                            <td>健康状况</td>
                                            <td>{{ driver_d.driver_health }}</td>
                                        </tr>
                                        <tr>
                                            <td>联系电话</td>
                                            <td>{{ driver_d.driver_phone }}</td>
                                        </tr>
                                        <tr>
                                            <td>备注</td>
                                            <td>{{ driver_d.driver_det }}</td>
                                        </tr>
                                        </tbody>
                                        </table>
                                    </div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<script>
    jQuery(document).ready(function ($) {
        $("#trucks").addClass("active");
        $("#avai_trucks").addClass("active");
        $("#trucks_toggle").trigger("click");
    })

</script>
{% endblock %}